     /* 头部 */
     
     .head {
         width: 100%;
         height: 64px;
         position: absolute;
         z-index: 100;
         min-width: 1200px;
         border-bottom: 1px solid #ccc;
     }
     
     #bor {
         border-bottom: 3px solid rgb(0, 255, 213);
     }
     
     .headb a {
         line-height: 64px;
         display: inline-block;
         text-align: center;
         margin-left: 36px;
         color: #000;
     }
     
     .headb a:hover {
         color: rgb(0, 255, 213);
         border-bottom: 3px solid blue;
     }
     
     .headb {
         position: absolute;
         left: 50%;
         transform: translateX(-50%);
         padding-left: 150px;
     }
     
     .heada {
         margin-top: 16px;
         margin-left: 30px;
     }
     
     .headc {
         line-height: 64px;
     }
     
     .headc button {
         margin-right: 20px;
         border-radius: 10px;
         width: 60px;
         line-height: 24px;
         font-size: 14px;
         color: #fff;
     }
     
     .buttona {
         background-color: rgba(135, 207, 235, 0.8);
         border: 2px solid rgba(255, 255, 255, 0.5);
     }
     
     .buttonb {
         background-color: red;
         border: none;
     }
     /* ------顶部空盒子 撑高度---------- */
     
     .top-block {
         height: 91px;
     }
     
     .content {
         padding-top: 91px;
     }
     /* API分类 */
     /* API导航栏 */
     
     .api {
         height: 100px;
     }
     
     h3 {
         font-size: 24px;
     }
     
     .api-btn {
         line-height: 24px;
         width: 84px;
         border-radius: 10px;
         font-size: 10px;
         display: block;
         border: 2px solid skyblue;
         color: skyblue;
         margin-top: 10px;
         float: left;
         margin-left: 10px;
     }
     
     .api-btn:hover {
         color: rgb(0, 255, 64);
     }
     /*  API身份*/
     
     .api-b {
         margin-top: 90px;
     }
     
     .api-b span {
         display: block;
         float: left;
         margin: 10px 10px;
         font-size: 14px;
     }
     
     .api-b p input {
         width: 200px;
         line-height: 30px;
         color: #ccc;
         font-size: 14px;
         border-radius: 10px 0 0 10px;
         border: 1px solid rgb(0, 162, 255);
         outline: none;
         float: left;
         margin-top: 5px;
         padding-left: 10px;
         box-sizing: border-box;
         padding-right: 30px;
         border-right: none;
         background-color: #f4f4f4;
     }
     
     .api-b p button {
         width: 30px;
         line-height: 30px;
         border: 1px solid rgb(0, 162, 255);
         border-radius: 0 10px 10px 0;
         outline: none;
         float: left;
         margin-top: 5px;
         border-left: none;
     }
     /* 按钮 */
     
     .api-c {
         margin-top: 150px;
     }
     
     .api-c li {
         height: 220px;
         width: 228px;
         box-sizing: border-box;
         text-align: center;
         float: left;
         margin-left: 12px;
         position: relative;
         margin-top: 10px;
         border: 1px solid #ccc;
         box-shadow: 4px 4px 4px 4px rgb(0, 174, 255);
     }
     
     .api-c li img {
         width: 50px;
         height: 40px;
         padding-top: 30px;
     }
     
     .api-c li p {
         font-size: 12px;
         padding-top: 10px;
     }
     
     .api-c li a {
         display: block;
         color: blue;
         font-size: 12px;
         padding-top: 6px;
     }
     
     .api-c li button {
         width: 120px;
         line-height: 30px;
         background-color: skyblue;
         color: #fff;
         border: none;
         /* margin-top: 36px; */
         position: absolute;
         left: 50px;
         bottom: -30px;
         opacity: 0;
         transition: all 2s;
     }
     
     .api-c li:hover button {
         opacity: 1;
         bottom: 30px;
     }
     
     .api-c li span {
         display: block;
         height: 20px;
         width: 50px;
         font-size: 12px;
         color: #fff;
         background-color: skyblue;
         position: absolute;
         left: 0;
         top: 0;
     }
     
     .api-c li .skyblue {
         color: skyblue;
     }
     
     .api-c li .red {
         color: deeppink;
     }
     /* 蒙城 */
     
     html,
     body {
         width: 100%;
         height: 100%;
     }
     
     .meng {
         width: 100%;
         height: 100%;
         background-color: rgb(0, 225, 255, 0.5);
         position: fixed;
         left: 0;
         top: 0;
         display: none;
     }
     
     .mengcheng {
         position: fixed;
         right: 0;
         top: 0;
         bottom: 0;
         left: 0;
         margin: auto;
         height: 500px;
         width: 300px;
         box-sizing: border-box;
         background-color: #fff;
         display: block;
         cursor: pointer;
     }
     
     .mengcheng img {
         margin: 20px 75px;
         width: 150px;
     }
     
     .doxp a {
         color: #000;
         font-size: 14px;
         text-align: center;
         margin-left: 46px;
     }
     
     .bor {
         border-left: 4px solid #ccc;
         display: inline-block;
         width: 1px;
         height: 14px;
         border-color: rgb(0, 255, 200);
         margin-left: 47px;
     }
     
     .doxp-imga {
         position: relative;
     }
     
     .doxp-imga span {
         background: url(../imgs/loginIcon.png)no-repeat;
         height: 28px;
         display: block;
         width: 24px;
         position: absolute;
         left: 28px;
         top: 26px;
         background-position-x: -55px;
     }
     
     .doxp-imga input {
         margin-top: 10px;
         width: 200px;
         height: 40px;
         border: none;
         margin-left: 50px;
         font-size: 14px;
         background-color: #fff;
         border-bottom: 2px solid #ccc;
         margin-top: 20px;
         padding-left: 20px;
         padding-right: 20px;
         margin-right: 20px;
         outline: none;
         box-sizing: border-box;
     }
     
     .doxp-imgb input {
         margin-top: 10px;
         width: 200px;
         height: 40px;
         border: none;
         margin-left: 50px;
         font-size: 14px;
         background-color: #fff;
         border-bottom: 2px solid #ccc;
         margin-top: 40px;
         padding-left: 20px;
         padding-right: 20px;
         outline: none;
         box-sizing: border-box;
     }
     
     .doxp-imgb {
         position: relative;
     }
     
     .doxp-imgb span {
         background: url(../imgs/loginIcon.png)no-repeat;
         height: 28px;
         display: block;
         width: 24px;
         position: absolute;
         left: 28px;
         top: 44px;
         background-position-x: -24px;
     }
     
     .btnde {
         width: 240px;
         line-height: 40px;
         font-size: 14px;
         color: #fff;
         background-color: rgb(0, 217, 255);
         text-align: center;
         margin-top: 40px;
         margin-left: 30px;
         border: none;
     }
     
     .btnwang {
         font-size: 12px;
         color: blue;
         border: none;
         height: 14px;
         width: 48px;
         background-color: #fff;
         margin-left: 240px;
     }
     
     .doxp-text {
         font-size: 12px;
         margin-top: 24px;
         margin-left: 120px;
     }
     
     .doxp-text a {
         font-size: 12px;
         text-decoration: none;
         padding-left: 4px;
         color: blue;
     }
     
     .doxp-text a:hover {
         color: rgb(0, 255, 200);
     }
     
     .doxp-text a button {
         border-radius: 50%;
         border-color: blue;
         border: 1px solid blue;
         margin-left: 10px;
     }
     
     .doxp-imga img {
         width: 10px;
         height: 10px;
         margin: 0;
         position: absolute;
         left: 256px;
         top: 34px;
     }
     
     .doxp-imgb input {
         margin-top: 40px;
     }
     
     .doxp-imgb img {
         width: 10px;
         height: 10px;
         margin: 0;
         position: absolute;
         left: 258px;
         top: 58px;
     }
     /* 蒙层2 */
     
     .meng {
         width: 100%;
         height: 100%;
         background-color: rgb(0, 225, 255, 0.5);
         position: fixed;
         left: 0;
         top: 0;
     }
     
     .mengcheng-a {
         position: fixed;
         right: 0;
         top: 0;
         bottom: 0;
         left: 0;
         margin: auto;
         height: 500px;
         width: 300px;
         box-sizing: border-box;
         background-color: #fff;
         display: none;
     }
     
     .bor-a {
         border-left: 4px solid #ccc;
         display: inline-block;
         width: 1px;
         height: 14px;
         border-color: rgb(0, 255, 200);
         margin-left: 47px;
     }
     
     .doxpa a {
         color: #000;
         font-size: 14px;
         text-align: center;
         margin-left: 46px;
     }
     
     .mengcheng-a img {
         margin: 20px 75px;
         width: 150px;
     }
     
     .space-box {
         width: 200px;
         height: 200px;
         background-color: #f4f4f4;
         margin: 50px auto;
         box-sizing: border-box;
     }
     
     .space-box img {
         width: 100px;
         margin: 0;
         padding-top: 50px;
         padding-left: 50px;
     }
     
     .space-text {
         font-size: 14px;
         text-align: center;
     }
     
     .space-text-a {
         font-size: 8px;
         margin-top: 8px;
     }
     /* 分页器 */
     
     .api-d {
         text-align: center;
         height: 400px;
         box-sizing: border-box;
     }
     
     .api-d a {
         width: 60px;
         line-height: 40px;
         font-size: 14px;
         text-align: center;
         color: #000;
         display: inline-block;
         margin-top: 75px;
     }
     
     .api-da {
         border: 1px solid darkorange;
         border-radius: 100%;
         background-color: darkorange;
     }
     
     .api-d a:hover {
         border: 1px solid blue;
         background-color: rgb(0, 255, 213);
         border-radius: 100%;
         color: #fff;
     }
     /* 尾部 */
     
     .foot {
         margin-top: 40px;
         height: 350px;
         margin-top: 1120px;
     }
     
     .foot-a {
         width: 800px;
         box-sizing: border-box;
     }
     
     h6 {
         font-size: 12px;
         margin-top: 40px;
         margin-bottom: 35px;
     }
     
     .foot-ul {
         float: left;
         margin-right: 78px;
     }
     
     .foot-ul li {
         font-size: 8px;
         color: #ccc;
         margin-top: 16px;
     }
     
     .foot-bb {
         text-align: center;
         box-sizing: border-box;
     }
     
     .foot-bb h6 {
         margin-bottom: 6px;
     }
     
     .foot-bb p {
         font-size: 10px;
         color: #ccc;
     }
     
     .foot-img {
         margin: 35px auto;
     }
     
     .foot-img img {
         padding-left: 150px;
     }
     
     .foot-text {
         font-size: 10px;
         font-weight: normal;
         padding-bottom: 70px;
         color: #ccc;
         padding-left: 860px;
     }
     
     .bei {
         height: 20px;
         padding-top: 10px;
         display: block;
     }
     
     .bei span {
         font-size: 10px;
         color: #ccc;
         display: inline-block;
         padding-top: 50px;
     }
     
     .bei img {
         padding-right: 10px;
     }